home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2013 December / PCGO_13-12_CD.iso / nw.pak / Unnamed File 000691.txt < prev    next >
Encoding:
Text File  |  2012-12-14  |  13.9 KB  |  694 lines
  1. /*
  2.  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  3.  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  4.  *
  5.  * Redistribution and use in source and binary forms, with or without
  6.  * modification, are permitted provided that the following conditions
  7.  * are met:
  8.  *
  9.  * 1.  Redistributions of source code must retain the above copyright
  10.  *     notice, this list of conditions and the following disclaimer.
  11.  * 2.  Redistributions in binary form must reproduce the above copyright
  12.  *     notice, this list of conditions and the following disclaimer in the
  13.  *     documentation and/or other materials provided with the distribution.
  14.  * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
  15.  *     its contributors may be used to endorse or promote products derived
  16.  *     from this software without specific prior written permission.
  17.  *
  18.  * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
  19.  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
  20.  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  21.  * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
  22.  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
  23.  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  24.  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  25.  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  26.  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  27.  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  28.  */
  29.  
  30. #timeline-overview-panel {
  31.     position: absolute;
  32.     top: 0;
  33.     left: 0;
  34.     right: 0;
  35.     height: 80px;
  36. }
  37.  
  38. #timeline-overview-panel .timeline-graph-bar {
  39.     pointer-events: none;
  40. }
  41.  
  42. .timeline .sidebar {
  43.     overflow-y: hidden;
  44.     min-height: 100%;
  45.     bottom: auto;
  46. }
  47.  
  48. .timeline .split-view-resizer {
  49.     top: 20px;
  50. }
  51.  
  52. .timeline-sidebar-background {
  53.     top: 90px;
  54.     bottom: 0;
  55. }
  56.  
  57. #timeline-overview-separator {
  58.     position: absolute;
  59.     top: 80px;
  60.     left: 0;
  61.     right: 0;
  62.     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(253, 253, 253)), to(rgb(213, 213, 213)));
  63.     border-top: 1px solid rgb(140, 140, 140);
  64.     border-bottom: 1px solid rgb(115, 115, 115);
  65.     height: 10px;
  66. }
  67.  
  68. #timeline-overview-sidebar {
  69.     position: absolute;
  70.     width: 200px;
  71.     top: 0px;
  72.     bottom: 0px;
  73.     left: 0px;
  74.     padding-top: 2px;
  75.     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(242, 242, 242)), to(rgb(209, 209, 209)));
  76.     border-right: 1px solid rgb(163, 163, 163);
  77. }
  78.  
  79. #timeline-overview-grid {
  80.     background-color: rgb(255, 255, 255);
  81. }
  82.  
  83. .timeline-frame-overview #timeline-overview-grid {
  84.     display: none;
  85. }
  86.  
  87. #timeline-overview-grid .resources-dividers-label-bar {
  88.     pointer-events: auto;
  89. }
  90.  
  91. .timeline-window-selector {
  92.     position: absolute;
  93.     top: 0;
  94.     bottom: 0;
  95.     background-color: rgba(125, 173, 217, 0.5);
  96.     z-index: 250;
  97. }
  98.  
  99. .timeline-overview-window {
  100.     background-color: white;
  101.     position: absolute;
  102.     left: 0;
  103.     right: 0;
  104.     top: 0;
  105.     bottom: 60px;
  106.     z-index: 150;
  107. }
  108.  
  109. .timeline-frame-overview .timeline-overview-window {
  110.     bottom: 0;
  111. }
  112.  
  113. .timeline-overview-dividers-background {
  114.     left: 0%;
  115.     right: 0%;
  116.     top: 0px;
  117.     bottom: 60px;
  118.     background-color: black;
  119.     position: absolute;
  120. }
  121.  
  122. .timeline-frame-overview .timeline-overview-dividers-background {
  123.     bottom: 0;
  124. }
  125.  
  126. .timeline-overview-window-rulers {
  127.     top: 0;
  128.     bottom: 0;
  129.     position: absolute;
  130.     opacity: 0.2;
  131.     border-right: 1px solid black;
  132.     border-left: 1px solid black;
  133.     z-index: 150;
  134. }
  135.  
  136. .timeline-window-resizer {
  137.     position: absolute;
  138.     top: 0px;
  139.     bottom: 60px;
  140.     width: 5px;
  141.     margin-left: -3px;
  142.     margin-right: -2px;
  143.     background-color: rgb(153, 153, 153);
  144.     z-index: 500;
  145.     cursor: ew-resize;
  146.     -webkit-border-radius: 2px;
  147.     -webkit-box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1px 0;
  148. }
  149.  
  150. #timeline-overview-grid #resources-graphs {
  151.     position: absolute;
  152.     top: 0;
  153.     left: 0;
  154.     right: 0;
  155.     height: 80px;
  156. }
  157.  
  158. #timeline-container {
  159.     position: absolute;
  160.     top: 90px;
  161.     left: 0;
  162.     bottom: 0;
  163.     right: 0;
  164.     border-right: 0 none transparent;
  165.     overflow-y: scroll;
  166.     overflow-x: hidden;
  167. }
  168.  
  169. #timeline-container .split-view-sidebar-left {
  170.     z-index: 1;
  171. }
  172.  
  173. #timeline-container .webkit-html-external-link,
  174. #timeline-container .webkit-html-resource-link {
  175.     color: inherit;
  176. }
  177.  
  178. .timeline-category-statusbar-item {
  179.     height: 24px;
  180.     line-height: 24px;
  181.     padding-left: 6px;
  182.     white-space: nowrap;
  183.     text-overflow: ellipsis;
  184.     overflow: hidden;
  185.     font-weight: bold;
  186. }
  187.  
  188. .timeline-category-statusbar-item,
  189. .timeline-records-counter {
  190.     color: rgb(65, 65, 65);
  191. }
  192.  
  193. .timeline-category-statusbar-item .timeline-category-checkbox {
  194.     width: 10px;
  195.     height: 11px;
  196.     margin: 0 3px 0 9px;
  197.     padding: 0;
  198.     vertical-align: -2px;
  199.     border-radius: 2px;
  200.     border: solid 1px;
  201.     -webkit-appearance: none;
  202. }
  203.  
  204. .timeline-category-statusbar-item .timeline-category-checkbox:checked::before {
  205.     position: relative;
  206.     top: -5px;
  207.     content: url(Images/tickMark.png);
  208. }
  209.  
  210. .timeline-tree-item {
  211.     height: 18px;
  212.     line-height: 15px;
  213.     padding-right: 5px;
  214.     padding-left: 5px;
  215.     padding-top: 2px;
  216.     white-space: nowrap;
  217.     text-overflow: ellipsis;
  218.     overflow: hidden;
  219. }
  220.  
  221. .timeline-expandable {
  222.     position: absolute;
  223.     border-left: 1px solid rgb(163, 163, 163);
  224. }
  225.  
  226. .timeline-expandable-left {
  227.     position: absolute;
  228.     top: 0;
  229.     bottom: 0;
  230.     left: 0;
  231.     width: 3px;
  232.     border-top: 1px solid rgb(163, 163, 163);
  233.     border-bottom: 1px solid rgb(163, 163, 163);
  234. }
  235.  
  236. .timeline-expandable-collapsed {
  237.     background-image: url(Images/disclosureTriangleSmallRightBlack.png);
  238.     background-position-x: 1px;
  239.     background-position-y: 3px;
  240.     background-repeat: no-repeat;
  241. }
  242.  
  243. .timeline-expandable-expanded {
  244.     background-image: url(Images/disclosureTriangleSmallDownBlack.png);
  245.     background-position-x: 1px;
  246.     background-position-y: 3px;
  247.     background-repeat: no-repeat;
  248. }
  249.  
  250. .timeline-tree-item .type {
  251.     padding-left: 14px;
  252. }
  253.  
  254. .timeline-tree-item .count {
  255.     font-family: Helvetica, Arial, sans-serif;
  256.     font-weight: bold;
  257. }
  258.  
  259. .timeline-tree-item .timeline-tree-icon {
  260.     display: block;
  261.     margin-top: 4px;
  262.     margin-left: 2px;
  263.     width: 7px;
  264.     height: 7px;
  265.     border-radius: 1px;
  266.     border: solid 1px;
  267.     position: absolute;
  268. }
  269.  
  270. .timeline-tree-item.even {
  271.     background-color: rgba(0, 0, 0, 0.05);
  272. }
  273.  
  274. .timeline-tree-item.warning::after,
  275. .timeline-tree-item.child-warning::after {
  276.     content: url(Images/warningIcon.png);
  277.     float: right;
  278.     padding-top: 1px;
  279. }
  280.  
  281. .timeline-tree-item.child-warning::after {
  282.     opacity: 0.5;
  283. }
  284.  
  285. .timeline-tree-item .data.dimmed {
  286.     color: rgba(0, 0, 0, 0.7);
  287. }
  288.  
  289. #timeline-overview-timelines,
  290. #timeline-overview-memory {
  291.     position: absolute;
  292.     left: 0;
  293.     right: 0;
  294.     bottom: 0;
  295.     top: 20px;
  296.     z-index: 160;
  297. }
  298.  
  299. .timeline-frame-overview #timeline-overview-memory {
  300.     display: none;
  301. }
  302.  
  303. #timeline-overview-memory > canvas {
  304.     position: absolute;
  305.     left: 0;
  306.     right: 0;
  307.     bottom: 0;
  308.     top: 5px;
  309. }
  310.  
  311. #timeline-graphs {
  312.     position: absolute;
  313.     left: 0;
  314.     right: 0;
  315.     max-height: 100%;
  316.     top: 19px;
  317. }
  318.  
  319. .timeline-graph-side {
  320.     position: relative;
  321.     height: 18px;
  322.     padding: 0 5px;
  323.     white-space: nowrap;
  324.     margin-top: 0px;
  325.     border-top: 1px solid transparent;
  326.     overflow: hidden;
  327.     pointer-events: none;
  328. }
  329.  
  330. .timeline-graph-bar-area {
  331.     position: absolute;
  332.     top: 0;
  333.     bottom: 0;
  334.     right: 0;
  335.     left: 3px;
  336.     pointer-events: none;
  337. }
  338.  
  339. .timeline-graph-bar {
  340.     position: absolute;
  341.     top: -1px;
  342.     bottom: 0;
  343.     margin: auto -2px;
  344.     height: 9px;
  345.     min-width: 5px;
  346.     z-index: 180;
  347.     pointer-events: visibleFill;
  348.     border-radius: 1px;
  349.     border: 1px solid;
  350. }
  351.  
  352. .timeline-graph-bar.with-children {
  353.     opacity: 0.25;
  354.     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  355. }
  356.  
  357. .timeline-graph-bar.cpu {
  358.     opacity: 0.7;
  359. }
  360.  
  361. .timeline-graph-side.even {
  362.     background-color: rgba(0, 0, 0, 0.05);
  363. }
  364.  
  365. .timeline-aggregated-category {
  366.     display: inline-block;
  367.     height: 11px;
  368.     margin-right: 2px;
  369.     margin-left: 6px;
  370.     position: relative;
  371.     top: 2px;
  372.     width: 10px;
  373.     border: solid 1px;
  374. }
  375.  
  376. .popover .timeline-aggregated-category.timeline-loading {
  377.     margin-left: 0px;
  378. }
  379.  
  380. .timeline-details {
  381.     -webkit-user-select: text;
  382.     vertical-align: top;
  383. }
  384.  
  385. .timeline-function-name {
  386.     text-align: right;
  387. }
  388.  
  389. .timeline-stacktrace-title {
  390.     padding-top: 4px;
  391. }
  392.  
  393. .timeline-details-row-title {
  394.     font-weight: bold;
  395.     text-align: right;
  396.     white-space: nowrap;
  397. }
  398.  
  399. .timeline-details-row-data {
  400.     white-space: nowrap;
  401. }
  402.  
  403. .timeline-details-title {
  404.     border-bottom: 1px solid #B8B8B8;
  405.     font-size: 11px;
  406.     font-weight: bold;
  407.     padding-bottom: 5px;
  408.     padding-top: 0px;
  409.     white-space: nowrap;
  410. }
  411.  
  412. .timeline-filter-status-bar-item .glyph {
  413.     -webkit-mask-position: -32px -48px;
  414. }
  415.  
  416. .timeline-filter-status-bar-item.toggled-on .glyph {
  417.     background-color: rgb(66, 129, 235) !important;
  418. }
  419.  
  420. .garbage-collect-status-bar-item .glyph {
  421.     -webkit-mask-position: -128px -24px;
  422. }
  423.  
  424. .glue-async-status-bar-item .glyph {
  425.     -webkit-mask-position: -128px -48px;
  426. }
  427.  
  428. .timeline-frame-overview-status-bar-item.toggled-on .glyph {
  429.     background-color: rgb(66, 129, 235) !important;
  430. }
  431.  
  432. .timeline-records-stats, .storage-application-cache-status, .storage-application-cache-connectivity {
  433.     font-size: 11px;
  434.     text-shadow: white 0 1px 0;
  435. }
  436.  
  437. .timeline-records-stats {
  438.     float: right;
  439.     margin-top: 5px;
  440.     margin-right: 6px;
  441. }
  442.  
  443. .timeline-frames-stats {
  444.     pointer-events: auto;
  445.     text-decoration: underline;
  446.     cursor: pointer;
  447. }
  448.  
  449. #resources-container-content {
  450.     overflow: visible;
  451.     min-height: 100%;
  452. }
  453.  
  454. #resources-graphs {
  455.     position: absolute;
  456.     left: 0;
  457.     right: 0;
  458.     max-height: 100%;
  459.     top: 112px;
  460. }
  461.  
  462. .resources-graph-side {
  463.     position: relative;
  464.     height: 36px;
  465.     padding: 0 5px;
  466.     white-space: nowrap;
  467.     margin-top: 1px;
  468.     border-top: 1px solid transparent;
  469.     overflow: hidden;
  470. }
  471.  
  472. .resources-graph-bar-area {
  473.     position: absolute;
  474.     top: 0;
  475.     bottom: 0;
  476.     right: 8px;
  477.     left: 9px;
  478. }
  479.  
  480. #timeline-overview-sidebar .sidebar-tree-item {
  481.     line-height: 26px;
  482.     height: 24px;
  483. }
  484.  
  485. #timeline-overview-sidebar .sidebar-tree-item .titles.no-subtitle {
  486.     top: 5px;
  487. }
  488.  
  489. #timeline-overview-sidebar .icon {
  490.     height: 24px;
  491.     margin-top: -1px;
  492.     margin-left: 0;
  493.     margin-right: 0;
  494.     -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
  495.     -webkit-mask-size: 320px 72px;
  496.     background-color: black;
  497. }
  498.  
  499. @media (-webkit-min-device-pixel-ratio: 1.5) {
  500. #timeline-overview-sidebar .icon {
  501.     -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
  502. }
  503. }
  504.  
  505. .timeline-overview-sidebar-events .icon {
  506.     -webkit-mask-position: -192px -48px;
  507. }
  508.  
  509. .timeline-overview-sidebar-frames .icon {
  510.     -webkit-mask-position: -160px -48px;
  511. }
  512.  
  513. .timeline-overview-sidebar-memory .icon {
  514.     -webkit-mask-position: -224px -48px;
  515. }
  516.  
  517. .memory-graph-label {
  518.     position: absolute;
  519.     left: 5px;
  520.     font-size: 9px;
  521.     color: rgb(50%, 50%, 50%);
  522.     white-space: nowrap;
  523. }
  524.  
  525. .max.memory-graph-label {
  526.     top: 5px;
  527. }
  528.  
  529. .min.memory-graph-label {
  530.     bottom: 5px;
  531. }
  532.  
  533. #timeline-memory-splitter {
  534.     position: absolute;
  535.     z-index: 5;
  536.     left: 0;
  537.     right: 0;
  538.     height: 5px;
  539.     cursor: ns-resize;
  540. }
  541.  
  542. #memory-counters-graph {
  543.     overflow: hidden;
  544. }
  545.  
  546. #memory-graphs-container {
  547.     border-top: 1px solid #AAA;
  548. }
  549.  
  550. #memory-graphs-canvas-container {
  551.     border-right: 1px solid #AAA;
  552. }
  553.  
  554. #memory-graphs-canvas-container .resources-dividers {
  555.     top: 15px;
  556. }
  557.  
  558. #memory-graphs-container .split-view-contents {
  559.     overflow: hidden;
  560. }
  561.  
  562. .memory-counter-sidebar-info {
  563.     font-size: 11px;
  564.     margin: 10px;
  565. }
  566.  
  567. .memory-counter-sidebar-info .swatch{
  568.     background-image: none;
  569. }
  570.  
  571. .memory-counter-sidebar-info.bottom-border-visible {
  572.     border-bottom: 1px solid #AAA;
  573. }
  574.  
  575. .memory-counter-sidebar-info .title {
  576.     margin: 4px;
  577. }
  578.  
  579. .memory-counter-value {
  580.     margin: 4px;
  581.     font-size: 11px;
  582. }
  583.  
  584. #counter-values-bar {
  585.     border-bottom: solid 1px lightgray;
  586.     min-height: 15px;
  587. }
  588.  
  589. .timeline-frame-overview-bars {
  590.     z-index: 200;
  591.     background-color: rgba(255, 255, 255, 0.8);
  592.     width: 100%;
  593.     height: 100%;
  594. }
  595.  
  596. .timeline .resources-event-divider {
  597.     height: 19px;
  598.     width: 8px;
  599.     border-left-width: 2px;
  600.     border-left-style: solid;
  601.     bottom: auto;
  602.     pointer-events: auto;
  603. }
  604.  
  605. .resources-red-divider {
  606.     border-color: rgba(255, 0, 0, 0.5);
  607. }
  608.  
  609. .resources-blue-divider {
  610.     border-color: rgba(0, 0, 255, 0.5);
  611. }
  612.  
  613. .resources-orange-divider {
  614.     border-color: rgba(255, 178, 23, 0.5);
  615. }
  616.  
  617. .resources-divider.last {
  618.     border-color: transparent;
  619. }
  620.  
  621. .timeline .resources-event-divider.timeline-frame-divider {
  622.     background-color: rgba(180, 180, 180, 0.8);
  623.     border-style: none;
  624.     width: 1px;
  625.     height: 100%;
  626. }
  627.  
  628. .sidebar-tree-item .timeline-frame-overview-status-bar-item {
  629.     position: absolute;
  630.     right: 10px;
  631.     top: 4px;
  632. }
  633.  
  634. .timeline-frame-container {
  635.     height: 19px;
  636.     overflow: hidden;
  637.     background-color: rgb(220, 220, 220);
  638.     opacity: 0.6;
  639.     color: black;
  640.     text-align: center;
  641.     padding-top: 3px;
  642.     z-index: 350;
  643.     pointer-events: auto;
  644. }
  645.  
  646. .timeline-frame-strip {
  647.     position: absolute;
  648.     height: 19px;
  649. }
  650.  
  651. #timeline-grid-header {
  652.     position: absolute;
  653.     left: 200px;
  654.     right: 0;
  655.     top: 90px;
  656.     bottom: 0;
  657.     pointer-events: none;
  658. }
  659.  
  660. .timeline-cpu-bars {
  661.     position: absolute;
  662.     top: 0;
  663.     height: 19px;
  664.     z-index: 350;
  665.     width: 100%;
  666.     overflow: hidden;
  667. }
  668.  
  669. .timeline-cpu-bars .timeline-graph-bar {
  670.     border-color: rgb(192, 192, 192);
  671.     background-color: rgba(0, 0, 0, 0.15);
  672.     top: 2px;
  673.     bottom: 2px;
  674.     height: auto;
  675. }
  676.  
  677. .image-preview-container {
  678.     background: transparent;
  679.     text-align: left;
  680.     border-spacing: 0;
  681. }
  682.  
  683. .image-preview-container img {
  684.     max-width: 100px;
  685.     max-height: 100px;
  686.     background-image: url(Images/checker.png);
  687.     -webkit-user-select: text;
  688.     -webkit-user-drag: auto;
  689. }
  690.  
  691. .image-container {
  692.     padding: 0;
  693. }
  694.